{layout name="layout/layout" /}
<!--<link rel="stylesheet" href="/static/admin/css/login.css?v={$version}" media="all">-->

<link rel="stylesheet" type="text/css" href="/static/admin/login2/css/public.css" />
<link rel="stylesheet" type="text/css" href="/static/admin/login2/css/elecustom.css" />
<link rel="stylesheet" type="text/css" href="/static/admin/login2/css/elm.css" />
<link rel="stylesheet" type="text/css" href="/static/admin/login2/css/globle.css" />
<link rel="stylesheet" type="text/css" href="/static/admin/login2/css/login.css" />
<style>
    .el-form-item__content .el-input {
        width: 360px;
    }
    .el-input__inner {
        height: 42px;
        line-height: 42px;
    }
    .el-button {
        height: 45px;
        width: 360px;
        border-radius: 50px;
    }
    .el-form-item {
        margin-top: 0;
        margin-bottom: 5px;
    }
    .el-tabs__nav-wrap::after {
        background-color: #fff !important;
    }
    a, a:hover {
        color: #666666;
    }
    .el-button.el-button--primary, .el-button.el-button--small.el-button--primary {
        background: #2C0D82 !important;
        border-color: #2C0D82 !important;
        color: #fff !important;
    }

    .tip .icon-nocheck {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 2px;
        border: solid 1px #9abcda;
        position: relative;
        top: 2px;
        margin: 1px 8px 1px 1px;
        cursor: pointer;
    }
    .tip .icon-check {
        margin: 0 7px 0 0;
        width: 14px;
        height: 14px;
        border: none;
        background: url(/static/admin/login2/images/icon-login.png) no-repeat -111px -48px;
    }
    .formInfo .submitDiv {
        padding-top: 0px;
    }
</style>

<body>
<div id="login" class="outerLayer" st1yle="
    background: url('/static/admin/login2/images/background.png');
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;"
>
    <div class="l-login">
        <div class="wid50 l-login-left"><img src="/static/admin/login2/images/1.png" alt=""></div>
        <div class="wid50 l-login-right">
            <div>
                <div style="text-align: center;margin: 20px;padding-top: 15px">
                    <h1>{:sysconfig('site','site_name')}</h1>
                </div>
                <form class="layui-form login-bottom el-form demo-ruleForm js-ajax-form">
                    <div class="formInfo">
                        <div>
                            <div class="formText">
                                <p class="item-title">账号</p>
                                <div class="el-form-item">
                                    <div class="el-form-item__content" style="margin-left: 0px;">
                                        <div class="el-input">
                                            <input type="text" autocomplete="off" placeholder="请输入登录账号" class="el-input__inner" lay-verify="required"  name="username">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="formText">
                                <p class="item-title">密码</p>
                                <div class="el-form-item">
                                    <div class="el-form-item__content" style="margin-left: 0px;">
                                        <div class="el-input el-input--suffix">
                                            <input type="password" name="password" class="el-input__inner" lay-verify="required" placeholder="请输入密码">
                                            <span class="el-input__suffix"><span class="el-input__suffix-inner"></span></span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {if $captcha==1}
                            <div class="formText">
                                <p class="item-title">验证码</p>
                                <div class="el-form-item">
                                    <div class="el-form-item__content" style="margin-left: 0px;">
                                        <div class="el-input el-input--suffix">
                                            <input type="text" name="captcha" class="el-input__inner" placeholder="请输入验证码">
                                            <a href="javascript:;" class="captcha"><img class="captcha captcha-img verify_img" style="cursor: pointer;position:absolute;right:1px;top:1px;" src="{:__url('login/captcha')}" onclick="this.src='{:__url(\'login/captcha\')}?seed='+Math.random()" height="38" width="120" id="refreshCaptcha" alt="验证码" /></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {/if}
                            <div class="formText">
                                <div class="el-form-item">
                                    <div class="el-form-item__content" style="margin-left: 0px;">
                                        <div class="el-input el-input--suffix">
                                            <div class="tip" style="cursor: pointer;">
                                                <span class="icon-nocheck"></span>
                                                <span class="login-tip">保持登录</span>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="formText submitDiv">
                        <span class="submit_span">
                            <input type="submit" value="登录" lay-submit lay-filter="formLogin" class="el-button tijiao el-button--primary js-ajax-submit">
                        </span>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="cfoot">
        <div class="copyRightText">{:sysconfig('site','site_copyright')}
            <span class="padding-5">|</span>
            <a target="_blank" href="https://beian.miit.gov.cn">
                {:sysconfig('site','site_beian')}
            </a></div>
        <div class="footCopyRight">

        </div>
    </div>
</div>
</body>

<script>
    let backgroundUrl = "{:sysconfig('site','admin_background')}"
</script>
